﻿ <div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">
            <i class="fa fa-user"></i>Matriculación de Estudiante
        </h3>
    </div>
    <div class="panel-body">
        <div class="container-fluid">
            <div class="stepwizard">
                <div class="stepwizard-row">
                    <div class="stepwizard-step">
                        <button type="button" class="btn btn-default btn-circle" disabled="disabled">1</button>
                        <p>Datos Generales</p>
                    </div>
                    <div class="stepwizard-step">
                        <button type="button" class="btn btn-primary btn-circle" disabled="disabled">2</button>
                        <p>Datos del Representante</p>
                    </div>
                    <div class="stepwizard-step">
                        <button type="button" class="btn btn-default btn-circle">3</button>
                        <p>Matriculación</p>
                    </div>

                </div>
            </div>
            <form class="form-horizontal" role="form">

                <div class="panel-body" id="matriculacionEstudiante">
                    <input type="hidden" name="id" id="id" value="{{Id}}" />
                    <div class="row">
                        <table id="table_id" class="display">
                            <thead>
                                <tr>
                                    <th>Id</th>
                                    <th>Nombre</th>
                                    <th>Descripcion</th>
                                    <th>Docente</th>
                                    <th>Periodo</th>
                                    <th>Fecha Inicio</th>
                                    <th>Fecha Fin</th>
                                    <th></th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="container-fluid">
                        <div class="col-sm-1">
                            <a id="regresar" class="btn btn-primary backEvent" href="/representantes" style="text-align: left"><i class="fa fa-hand-o-left"></i>Anterior</a>
                        </div>
                        <div class=" col-sm-offset-4 col-sm-1">
                            <a id="omitir" class="btn btn-primary" href="/estudiantes" style="text-align: left"><i class="fa fa-remove"></i>Cancelar</a>
                        </div>                        
                        <div class="col-sm-offset-4 col-sm-1">
                            <a id="save" class="btn btn-primary save" href="/estudiantes" style="text-align: left"><i class="fa fa-save"></i>Guardar</a>
                        </div>
                    </div>
                </div>
                <a href="#" id="navigationButton" style="visibility:hidden"></a>
            </form>
        </div>
    </div>
</div>
